<style>
.icon {color:#ddd}
.active {color:#ff9326}
.green {color:#09ba07}
.green-bg {background:#09ba07}
.fe-floatback a {
    width: 1.3rem;
    height: 1.3rem;
    line-height: 1.3rem;
    opacity: 0.6;
}
.fe-mod-14 {
    min-height: 174px;
	padding-bottom: 2.1rem;
	background: #fff;
}

.fe-mod-14 a , .fe-mod-14 a:hover {
    color: inherit;
    text-decoration: none;
}

.fe-mod-14 img {
    width: 100%;
    display: block;
}

.fe-mod-14-menu {
    height: 45px;
    width: 100%;
    position: absolute;
    bottom: 0px;
    left: 0px;
    background: rgba(0,0,0,0.4);
    color: #fff;
}

.fe-mod-14-menu a {
    color: inherit;
}

.fe-mod-14-nav {
    height: 40px;
    width: 25%;
    padding-top: 5px;
    float: left;
    text-align: center;
    font-size: 12px;
}

.fe-mod-14-nav i {
    font-size: 18px;
}

.fe-mod-14-nav-on {
    height: 45px;
    border-bottom: 3px solid #dd2322;
}

.fe-mod-14-shopname {
    height: 24px;
    width: 100%;
    position: absolute;
    top: 7rem;
    left: 0px;
}
.fe-mod-14-name {
    height: 1.4rem;
    width: auto;
    line-height: 1.4rem;
    margin: auto;
    display: table;
    font-size:0.7rem;
    padding: 0px 15px;
}
.fe-mod-14-map {
    width: auto;
    background: rgba(0,0,0,0.2);
    margin: auto;
    display: table;
    border-radius: 1.4rem;
    font-size:0.6rem;
    color: #fff;
    padding: 0px 0.7rem;
}

.fe-mod-14-shoplogo {
    height: 80px;
    width: 80px;
    padding: 4px;
    margin-left: -40px;
    position: absolute;
    top: 3.6rem;
    left: 50%;
}
.fe-mod-14-shoplogo-img {
    height: 70px;
    width: 70px;
    padding: 4px;
    border-radius: 10px;
    margin: auto;
}
.fe-mod-14-shoplogo-img .vip {
	background: #09ba07 none repeat scroll 0 0;
    color: #fff;
    position: absolute;
    top: 2.6rem;
	margin-left:2.2rem;
	height: 0.85rem;
    width: 0.85rem;
    vertical-align: top;
    z-index: 100;
	line-height:1.2;
	text-align:center;
	border: 1.3px solid #fff;
	border-radius:0.85rem;
}
.fe-mod-14-shoplogo-img img {
    height: 60px;
    width: 60px;
    border-radius: 10px;
}
.fe-mod-14-shopinfo {
	position: absolute;top:10.2rem;left:2.5%;width:95%;padding: 12px 0 10px;background-color: #fff;border-radius: 10px;border: 1px solid #f2f2f2;
}
.fe-mod-14-shopinfo .desc {
	padding:0 0.8rem;
	font-size:0.6rem;
}
.fe-mod-14-shopinfo .data {
	padding:0 0.8rem;
	margin-top:0.6rem;
	font-size:0.55rem;
	color:#999
}
.post-card .image img { border-radius:2.2rem;}
.item-line-nav {margin:0.2rem;padding: 0.1rem;background-color: #09ba07;border-radius: 10px;text-align:center;line-height:1.2rem}
.fui-cell-group .fui-cell:before {
	border-top: 0px solid #ebebeb;
}
.fui-stars i {
	color:#999; 
	margin:0 .5rem;
	-moz-transition-duration: 300ms;
	-webkit-transition-duration: 300ms;
	transition-duration: 300ms;
	-webkit-transition-property: color;
	transition-property: color;
	font-size: 1.2rem;
}
</style>
<div ng-include="sys_html('_header')"></div>
<div class="fui-page fui-page-current" ng-if="pagedata.op=='main'">
	<div class="fui-content">
			<div class="fui-cell-group fui-cell-click" style="margin-top:0">
				<div class="fui-cell">
					<div class="fui-cell-label" style="font-size:16px;width:5.5rem">
						<div class="fui-cell-info text bold" style="font-size:1.2rem;color:#333">旅游门户</div>
						<div class="subtitle" style="font-size:0.5rem;margin-top:0.3rem">{{pagedata.way.title ||'路线'}}</div>
					</div>
				</div>
				<div class="fui-cell" style="padding-bottom:0;padding-top:0">
					<div class="fui-cell-label" style="width:4.5rem;">
						<div style="text-align:center;border:1px solid #ebebeb;border-radius:0.2rem;padding:1rem 0.4rem">
							<div class="bold" style="font-size:0.8rem;">{{pagedata.star_fen}}分</div>
							<div class="fui-stars warning" style="margin:0 auto;margin-top:0.5rem">
								 <span class="stars">
											<i ng-class="{'icon':1, 'icon-shoucang-tianchong selected':pagedata.star_fen>=0,'icon-shoucang':pagedata.fuwu.star<1}" style="font-size:0.3rem;margin:0"></i>
											<i ng-class="{'icon':1, 'icon-shoucang-tianchong selected':pagedata.star_fen>=1,'icon-shoucang':pagedata.fuwu.star<2}" style="font-size:0.3rem;margin:0"></i>
											<i ng-class="{'icon':1, 'icon-shoucang-tianchong selected':pagedata.star_fen>=2,'icon-shoucang':pagedata.fuwu.star<3}" style="font-size:0.3rem;margin:0"></i>
											<i ng-class="{'icon':1, 'icon-shoucang-tianchong selected':pagedata.star_fen>=3,'icon-shoucang':pagedata.fuwu.star<4}" style="font-size:0.3rem;margin:0"></i>
											<i ng-class="{'icon':1, 'icon-shoucang-tianchong selected':pagedata.star_fen>=4,'icon-shoucang':pagedata.fuwu.star<5}" style="font-size:0.3rem;margin:0"></i>
								</span>
							 </div>
							<div ng-if="pagedata.star_fen>=4" class="subtitle" style="margin-top:0.5rem;">"非常满意"</div>
							<div ng-if="pagedata.star_fen>=3 && pagedata.star_fen<4" class="subtitle" style="margin-top:0.5rem;">"基本满意"</div>
							<div ng-if="pagedata.star_fen<3 && pagedata.star_fen>=2" class="subtitle" style="margin-top:0.5rem;">"不满意"</div>
							<div ng-if="pagedata.star_fen<2"  class="subtitle" style="margin-top:0.5rem;">"非常不满意"</div>
						</div>
					</div>
					<div class="fui-cell-info" style="margin-left:0.5rem">
						<div class="row" style="margin:0.3rem">
							<div class="subtitle" style="width:10%;float:left">5分</div>
							<div style="width:90%;float:left">
								<div class="progress" style="margin:0.2rem;height:0.2rem;border-radius:0.05rem;">
									<div class="progress-bar" role="progressbar" aria-valuenow="2" aria-valuemin="0" aria-valuemax="100" style="width: {{pagedata.fuwu.star5 || 1}}%;background-color:#3ae0ab;"><span class="sr-only">60% Complete</span></div>
								</div>
							</div>
						</div>
						<div class="row" style="margin:0.3rem">
							<div class="subtitle" style="width:10%;float:left">4分</div>
							<div style="width:90%;float:left">
								<div class="progress" style="margin:0.2rem;height:0.2rem;border-radius:0.05rem;">
									<div class="progress-bar" role="progressbar" aria-valuenow="2" aria-valuemin="0" aria-valuemax="100" style="width: {{pagedata.fuwu.star4 || 1}}%;background-color:#3ae0ab;"><span class="sr-only">60% Complete</span></div>
								</div>
							</div>
						</div>
						<div class="row" style="margin:0.3rem">
							<div class="subtitle" style="width:10%;float:left">3分</div>
							<div style="width:90%;float:left">
								<div class="progress" style="margin:0.2rem;height:0.2rem;border-radius:0.05rem;">
									<div class="progress-bar" role="progressbar" aria-valuenow="2" aria-valuemin="0" aria-valuemax="100" style="width: {{pagedata.fuwu.star3 || 1}}%;background-color:#3ae0ab;"><span class="sr-only">60% Complete</span></div>
								</div>
							</div>
						</div>
						<div class="row" style="margin:0.3rem">
							<div class="subtitle" style="width:10%;float:left">2分</div>
							<div style="width:90%;float:left">
								<div class="progress" style="margin:0.2rem;height:0.2rem;border-radius:0.05rem;">
									<div class="progress-bar" role="progressbar" aria-valuenow="2" aria-valuemin="0" aria-valuemax="100" style="width: {{pagedata.fuwu.star2 || 1}}%;background-color:#3ae0ab;"><span class="sr-only">60% Complete</span></div>
								</div>
							</div>
						</div>
						<div class="row" style="margin:0.3rem">
							<div class="subtitle" style="width:10%;float:left">1分</div>
							<div style="width:90%;float:left">
								<div class="progress" style="margin:0.2rem;height:0.2rem;border-radius:0.05rem;">
									<div class="progress-bar" role="progressbar" aria-valuenow="2" aria-valuemin="0" aria-valuemax="100" style="width: {{pagedata.fuwu.star1 || 1}}%;background-color:#3ae0ab;"><span class="sr-only">60% Complete</span></div>
								</div>
							</div>
						</div>
						<div class="row" style="margin:0.3rem">
							<div class="subtitle" style="float:right">{{pagedata.fuwu_count || '0'}}个评价</div>
						</div>
					</div>
				</div>
			</div>
		<div class="fui-cell-group fui-cell-click" ng-if="pagedata.list.length<1">
			<div class="fui-card fui-card-list fui-card-full post-card">
				<div  class="fui-card-content" style="margin-left:2.5rem;">
					<b class="fui-card-content-title">
						暂无点评！
					</b>
				</div>
			</div>
		</div>
		<div class="fui-cell-group fui-cell-click">
			<div class="fui-cell">
							<div class="fui-cell-label bold" style="font-size:16px;">用户点评</div>
				</div>
			<div class="fui-card fui-card-list fui-card-full post-card" ng-repeat="row in pagedata.list">
				<a class='fui-card-info' style="margin-bottom:0.3rem" >
					<div class='image'>
						<img ng-src="{{tomedia(row.member.avatar) || '../core/resource/images/nopic.jpg'}}"  />
					</div>
					<div class="text">
						<div class="title" style="height:0.6rem"><span class="l-f" style="color:#f60">{{row.member.nickname || '匿名'}}</span> <span class="subtitle r-f" style="font-size:0.5rem;padding-top:0.1rem">{{row.createtime || '1天前'}} 评价</span></div>
						<div class="subtitle" style="font-size:0.5rem;margin-top:0.3rem;margin-left:0.5rem">
						<span class="stars">
							<i ng-class="{'icon':1, 'icon-shoucang-tianchong selected':row.star>0,'icon-shoucang':pagedata.fuwu.star<1}" style="font-size:0.3rem;margin:0"></i>
							<i ng-class="{'icon':1, 'icon-shoucang-tianchong selected':row.star>1,'icon-shoucang':pagedata.fuwu.star<2}" style="font-size:0.3rem;margin:0"></i>
							<i ng-class="{'icon':1, 'icon-shoucang-tianchong selected':row.star>2,'icon-shoucang':pagedata.fuwu.star<3}" style="font-size:0.3rem;margin:0"></i>
							<i ng-class="{'icon':1, 'icon-shoucang-tianchong selected':row.star>3,'icon-shoucang':pagedata.fuwu.star<4}" style="font-size:0.3rem;margin:0"></i>
							<i ng-class="{'icon':1, 'icon-shoucang-tianchong selected':row.star>4,'icon-shoucang':pagedata.fuwu.star<5}" style="font-size:0.3rem;margin:0"></i>
						</span>
						</div>
					</div>
				</a>
				<div class="fui-card-content" style="margin-left:2.5rem;">
					<b class="fui-card-content-title">
						<span class="price">{{row.content}}</span>
						
					</b>			
				</div>

				<div style="margin:0.2rem 0.5rem 0.2rem 2.7rem;padding: 0.2rem;">
				</div>
						
				<div style="margin:0.3rem 0.7rem 0.3rem 2.7rem;font-size:0.56rem;color:#999;height:1rem"><span style="float:right"> <span style="margin-left:1rem" onclick="$('#showremark').modal();" ng-click="pagedata.post.pid=row.id"><i class="icon icon-pingjia3" style="color:#000"></i> 评价</span><span style="margin-left:1rem" onclick="$('#showsharecover').modal();"><i class="icon icon-skip" style="color:#000"></i></span></span></div>
				<div style="margin:0.2rem 0.7rem 0.2rem 2.7rem;padding: 0.5rem;background-color: #f9f9f9;border-radius: 10px;">
					<div ng-if="row.reply" style="font-size:0.56rem"><span>{{m.zhuhu.name || '商家回复'}}</span>：<span style="color:#999">{{row.reply || '无效评价'}}</span></div>
				</div>
			</div>
		</div>
	</div>
</div>


<div class="fui-page fui-page-current" ng-if="pagedata.op=='pingjia'">
	<div class="fui-content" style="background:#fff">
		<div class="fui-cell-group fui-cell-click">
			<div class="fui-cell">
				<div class="fui-cell-label" style="font-size:16px;width:5.5rem">
					<div class="fui-cell-info text bold" style="font-size:1.2rem;color:#333">评价</div>
				</div>
			</div>
		</div>
		<div class="fui-cell-group fui-cell-click">
			<div class="fui-cell fui-cell-click noborder" style="margin:0 0.5rem">
					<div class="fui-cell-icon" style="width:46px;margin-top:-10px"><img class="img-circle" ng-src="{{tomedia(pagedata.guanjia.avatar) || '../core/resource/images/gw-user.png'}}" style="width:46px;height:46px" /></div>
					<div class="fui-cell-text">
						<div class="text" style="font-size:0.8rem;margin-bottom:0.2rem">{{pagedata.way.title || '默认路线'}}</div>
						<div class="subtitle">路线</div>
					</div>
					<div class="fui-cell-text">
						<div class="text bold c" style="font-size:0.88rem;margin-bottom:0.2rem">{{pagedata.way.manyidu || '98'}}%</div>
						<div class="subtitle c">满意度</div>
					</div>
					<div class="fui-cell-text">
						<div class="text bold c" style="font-size:0.88rem;margin-bottom:0.2rem">{{pagedata.way.pingjianum || '0'}}</div>
						<div class="subtitle c">评价数</div>
					</div>
			</div>
		</div>
			<div class="fui-line" style="margin:0 1rem">
				<div class="text text-danger" style=""> <span style="color:#999;font-size:0.6rem">点击TA的工作进行评价</span></div>
			</div>
		<div class="fui-cell-group fui-cell-click">
			<div class="fui-cell fui-cell-click">
				<div class="fui-cell-text c" ng-click="pagedata.post.star=1">
					<div class="subtitle bold" style="margin-bottom:1rem">非常不满意</div>
					<div style="margin: 0 auto"><i ng-class="{'icon icon-bumanyi':1, 'active':pagedata.post.star==1}" style="font-size:2rem"></i></div>
				</div>
				<div class="fui-cell-text c" ng-click="pagedata.post.star=1">
					<div class="subtitle bold" style="margin-bottom:1rem">不满意</div>
					<div style="margin: 0 auto"><i ng-class="{'icon icon-bumanyi':1, 'active':pagedata.post.star==2}" style="font-size:2rem"></i></div>
				</div>
				<div class="fui-cell-text c" ng-click="pagedata.post.star=1">
					<div class="subtitle bold" style="margin-bottom:1rem">一般</div>
					<div style="margin: 0 auto"><i ng-class="{'icon icon-yiban1':1, 'active':pagedata.post.star==3}" style="font-size:2rem"></i></div>
				</div>
				<div class="fui-cell-text c" ng-click="pagedata.post.star=1">
					<div class="subtitle bold" style="margin-bottom:1rem">满意</div>
					<div style="margin: 0 auto"><i ng-class="{'icon icon-manyi':1, 'active':pagedata.post.star==4}"  style="font-size:2rem"></i></div>
				</div>
				<div class="fui-cell-text c" ng-click="pagedata.post.star=1">
					<div class="subtitle bold" style="margin-bottom:1rem">非常满意</div>
					<div style="margin: 0 auto"><i ng-class="{'icon icon-manyi':1, 'active':pagedata.post.star==5}"  style="font-size:2rem"></i></div>
				</div>
			</div>
		</div>
		
		<div class="fui-line" style="margin:0 1rem">
				<div class="text text-danger" style=""> <span style="color:#999;font-size:0.6rem">请选择原因</span></div>
		</div>
		<div class="fui-cell-group fui-cell-click">
				<span class="jylabels jylabel-f60-0" ng-click="pagedata.post.label=1">服务差</span>
				<span class="jylabels jylabel-f60-0" ng-click="pagedata.post.label=2">费用高</span>
				<span class="jylabels jylabel-f60-0" ng-click="pagedata.post.label=3">路线安排不合理</span>
				<span class="jylabels jylabel-f60-0" ng-click="pagedata.post.label=4">住宿差</span>
				<span class="jylabels jylabel-f60-0" ng-click="pagedata.post.label=5">环境差</span>
		</div>
		<div class="fui-cell-group fui-cell-click">
			<div class="fui-cell">
					<div class="fui-cell-info">
						<textarea rows="5" placeholder="说说您的建议，帮助改进！" ng-model="pagedata.post.content" style="font-size:0.6rem;padding-left:0.3rem"></textarea>
					</div>
			 </div>
		</div>
		<div class="weui_btn weui_btn_primary" style="margin:0.5rem 2rem" href="javascript:" ng-click="post(pagedata.post,'submit')">提交评价</div>
	</div>
</div>
<script>
if(scope.pagedata.op=='main'){
	scope.loading = true;  //状态标记
	scope.isnodata = false;
	scope.pagedata.list =[];
	//滚动加载
	scope.pagedata.params.keyword = ''
	var page = 1;
	scope.pagedata.getlist=function(type){
			if(type==1){
				page = 1;
				scope.pagedata.list =[];
			}else{
				if(scope.isnodata){
					return;
				}
			}
			var keyword = scope.pagedata.params.keyword 
			if(!keyword || keyword=="undefined" || keyword==0){
				   keyword = '';
			}
			scope.get('jy_tour/way.assess_detail/getlist/page='+page+'&keyword='+keyword+'&way_id='+scope.pagedata.way.id,
					function(data){			
					if(data.error !=1){
									for (var i=0;i<data.list.length;i++){
										scope.pagedata.list.push(data.list[i]);
									}
									if(page >1){
										$(".fui-card-list").animate({scrollTop:0},300);
									}
									if(data.list.length<1){
										scope.isnodata=true;
									}
									page++;
									scope.loading = false;
									scope.$evalAsync();
									//getmpmansory();
								}else{
									console.log('error!');
								};
				});
	}

		scope.pagedata.getlist(1);




	scope.pagedata.scroll_bottom=function(){
			scope.pagedata.getlist();
	}
}

</script>
<div ng-include="sys_html('_footer')"></div>
